<html>

<head>
    <title>test</title>
    <meta charset="utf-8">
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script>
        var codetype = "csharp";
        var unid = "5f87f67c511c2";
    </script>

</head>

<body>
    <style type="text/css" media="screen">
        #editor {
            position: absolute;
            width: 100%;
            height: 400px;
            float: left;
            font-size: 14px;
        }
    </style>
    <div id="editor">
using System;
public class Test
{
	public static void Main()
	{
		string str;
		str="hi";
		Console.WriteLine(str);
	}
}
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/ace/1.4.9/ace.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/ace/1.4.9/ext-language_tools.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script>
        if (false) {
            $('#editor').hide();
        } else {
            ace.config.set("basePath", "https://cdn.bootcdn.net/ajax/libs/ace/1.4.9");
            $('#editorBox').hide();
            ace.require("ace/ext/language_tools");
            var editor = ace.edit("editor");
            editor.setOptions({
                enableBasicAutocompletion: true,
                enableSnippets: true,
                enableLiveAutocompletion: true
            });
            editor.setReadOnly(true);
            editor.setTheme("ace/theme/twilight");
            editor.getSession().setMode("ace/mode/csharp");
        }
    </script>
</body>
</html>